import styled from "styled-components";

export const Container  = styled.div`
    margin-bottom: 0.4rem;
    width: 9rem;
    height: 4rem;
    margin-left: 0.5rem;
    border-radius: 6px;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    ._input{
        margin-left: 0.5rem;
        input{
            border: 2px;
            border-radius: 50px!important;
            height: 0.6rem!important;
            width: 0.6rem!important;
        }
    }
    .left{
        margin-left: 0.5rem;
        .img{
        height: 3.3rem;
        width: 3rem;
        object-fit: cover;
        border-radius: 3px;
        }
    }
    .right{
        margin-left: 0.5rem;
        height: 3.5rem;
        width: 3.5rem;
        position: relative;
        /* background-color: red; */
        .icon1{
            position: absolute;
            top:109px;
            right:-12px;
            /* bgccolor: grey; */
            background-color: #fff;
        }
        .icon2{
            position:absolute;
            top: 109px;
            right: 55px;
        }
        .r-title{

            font-family: Microsoft YaHei;
            font-weight: 600;
            font-size: 14px;

            /* 两行省略 */
            word-break: break-all;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;

        }
        .price{
            position: absolute;
            color:red;
            font-family: Microsoft YaHei;
            font-size: 18px;
            font-weight: 600;
            top: 104px;
            left: 0px;
        }
        .numsss{
            height: 0.8rem;
            width: 1rem;
            background-color: grey;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 102px;
            right: 11px;
        }
       
    }
    
`